My Idyll Post

Introduction to Idyll

By: Aashi Pandey
Nov 11, 2021

Introduction

I have used option 3 that is to use 4 of Idyll’s “built in” components. I have incorporated charts, links, scrolling and some other idyll built in components. Please move forward to view.

I have used and refered to idyll documentation (hyperlinks) for this project.

-1.0-0.50.51.0-1.0-0.50.51.0

Scroller!

Introduction

... Dataset

Table

Chart

Carry on.

Dataset1

Table1

Agency NameLocation NameAddressCityZip codeCountyCongress DistCongressional Full NameRep DistRep Full NameSenate DistSenator Full NameBldg StatusYear AcquiredYear ConstructedSquare FootageTotal FloorsFloors Above GradeFloors Below GradeUsage DescriptionUsage Description 2Usage Description 3
Department of Natural ResourcesAnderson Lake Conservation Area - Fulton CountyAnderson Lake C.a.Astoria61501Fulton17Cheri Bustos93Hammond Norine K.47Jil TracyIn Use19751975144110UnusualUnusualNot provided
Department of Natural ResourcesAnderson Lake Conservation Area - Fulton CountyAnderson Lake C.a.Astoria61501Fulton17Cheri Bustos93Hammond Norine K.47Jil TracyIn Use20042004144110UnusualUnusualNot provided
Department of Natural ResourcesAnderson Lake Conservation Area - Fulton CountyAnderson Lake C.a.Astoria61501Fulton17Cheri Bustos93Hammond Norine K.47Jil TracyIn Use20042004144110UnusualUnusualNot provided
Department of Natural ResourcesAnderson Lake Conservation Area - Fulton CountyAnderson Lake C.a.Astoria61501Fulton17Cheri Bustos93Hammond Norine K.47Jil TracyIn Use20042004144110UnusualUnusualNot provided
Department of Natural ResourcesAnderson Lake Conservation Area - Fulton CountyAnderson Lake C.a.Astoria61501Fulton17Cheri Bustos93Hammond Norine K.47Jil TracyIn Use20042004144110UnusualUnusualNot provided
Department of Natural ResourcesAnderson Lake Conservation Area - Fulton CountyAnderson Lake C.a.Astoria61501Fulton17Cheri Bustos93Hammond Norine K.47Jil TracyIn Use20042004144110UnusualUnusualNot provided
Department of Natural ResourcesDixon Springs State Park - Pope CountyRr #2Golconda62938Pope15John Shimkus118Phelps Brandon W.59Dale FowlerIn Use20002000120110UnusualUnusualNot provided
Department of Natural ResourcesDixon Springs State Park - Pope CountyRr #2Golconda62938Pope15John Shimkus118Phelps Brandon W.59Dale FowlerIn Use20002000120110UnusualUnusualNot provided
Department of Natural ResourcesMatthiessen State Park - LaSalle CountyR. R. 178, Box 509Utica61373LaSalle16Adam Kinzinger76Long Jerry Lee38Sue RezinIn Use20002000144110UnusualUnusualNot provided
Department of Natural ResourcesMatthiessen State Park - LaSalle CountyR. R. 178, Box 509Utica61373LaSalle16Adam Kinzinger76Long Jerry Lee38Sue RezinIn Use20002000144110UnusualUnusualNot provided
Department of Natural ResourcesMatthiessen State Park - LaSalle CountyR. R. 178, Box 509Utica61373LaSalle16Adam Kinzinger76Long Jerry Lee38Sue RezinIn Use20002000144110UnusualUnusualNot provided
Department of Natural ResourcesMatthiessen State Park - LaSalle CountyR. R. 178, Box 509Utica61373LaSalle16Adam Kinzinger76Long Jerry Lee38Sue RezinIn Use20002000144110UnusualUnusualNot provided
Department of Natural ResourcesEldon Hazlet State Park - Clinton CountyKeyesport RoadCarlyle62231Clinton15John Shimkus107Cavaletto John54Kyle McCarterIn Use1999199996110StorageStorageNot provided
Department of Natural ResourcesWeinberg-King State Park - Schuyler CountyP.o. Box 203Augusta62311Schuyler18Darin M. LaHood93Hammond Norine K.47Jil TracyIn Use19801980625110AssemblyAssemblyNot provided
Department of Natural ResourcesWeinberg-King State Park - Schuyler CountyP.o. Box 203Augusta62311Schuyler18Darin M. LaHood93Hammond Norine K.47Jil TracyIn Use20002000144110UnusualUnusualNot provided
Department of Natural ResourcesWeinberg-King State Park - Schuyler CountyP.o. Box 203Augusta62311Schuyler18Darin M. LaHood93Hammond Norine K.47Jil TracyIn Use20002000144110UnusualUnusualNot provided
Department of Natural ResourcesWeinberg-King State Park - Schuyler CountyP.o. Box 203Augusta62311Schuyler18Darin M. LaHood93Hammond Norine K.47Jil TracyIn Use19971997740110AssemblyAssemblyNot provided
Department of Natural ResourcesWeinberg-King State Park - Schuyler CountyP.o. Box 203Augusta62311Schuyler18Darin M. LaHood93Hammond Norine K.47Jil TracyIn Use20002000320110AssemblyAssemblyNot provided
Department of Natural ResourcesWeinberg-King State Park - Schuyler CountyP.o. Box 203Augusta62311Schuyler18Darin M. LaHood93Hammond Norine K.47Jil TracyIn Use20002000144110UnusualUnusualNot provided
Department of Natural ResourcesWeinberg-King State Park - Schuyler CountyP.o. Box 203Augusta62311Schuyler18Darin M. LaHood93Hammond Norine K.47Jil TracyIn Use19761976625110AssemblyAssemblyNot provided
Page 1 of 444

Dataset2

Table2

TIMEGEOUNITSEXAGEICD10ValueFlag and Footnotes
2001FranceNumberMalesTotalAll causes of death (A00-Y89) excluding S00-T98277 858
2001FranceNumberMalesTotalCertain infectious and parasitic diseases (A00-B99)5 347
2001FranceNumberMalesTotalTuberculosis545
2001FranceNumberMalesTotalMeningococcal infection30
2001FranceNumberMalesTotalViral hepatitis471
2001FranceNumberMalesTotalHuman immunodeficiency virus [HIV] disease892
2001FranceNumberMalesTotalNeoplasms91 737
2001FranceNumberMalesTotalMalignant neoplasms (C00-C97)88 481
2001FranceNumberMalesTotalMalignant neoplasm of lip, oral cavity, pharynx3 755
2001FranceNumberMalesTotalMalignant neoplasm of oesophagus3 442
2001FranceNumberMalesTotalMalignant neoplasm of stomach3 213
2001FranceNumberMalesTotalMalignant neoplasm of colon6 274
2001FranceNumberMalesTotalMalignant neoplasm of rectosigmoid junction, rectum, anus and anal canal2 242
2001FranceNumberMalesTotalMalignant neoplasm of liver and intrahepatic bile ducts5 258
2001FranceNumberMalesTotalMalignant neoplasm of pancreas3 788
2001FranceNumberMalesTotalMalignant neoplasm of larynx, trachea, bronchus and lung22 457
2001FranceNumberMalesTotalMalignant melanoma of skin761
2001FranceNumberMalesTotalMalignant neoplasm of breast177
2001FranceNumberMalesTotalMalignant neoplasm of cervix uteri:
2001FranceNumberMalesTotalMalignant neoplasm of other parts of uterus:
Page 1 of 53

Chart1

5001,0001,5002,000200,000400,000600,000800,0001,000,0001,200,000
Total Square Footage per Year Constructed

Chart2

2004006008001,000277 8585 34791 73788 4813 7553 4423 2136 2742 2425 2583 78822 457:9 3271 9373 2316 8631 0008 3565 3187 4682 5239 49775 35024 91319 51316 22317 2924 9475 56613 2266 1741 3873 6982 8091 00615 8727 72625 10215 8675 8402 5467 798263 3255 15761 42158 2622 0205 7861 7801 7053 5544 62411 0882 1923 2601 1251 0295 9761 29211 6686 22310 52712 23087 72520 12526 19022 59915 3325 7733 29111 4282 6021 5872 5183 9943 05619 8626 24916 97713 1652 1252 7912 827278 7945 46892 33189 1223 8343 5093 2566 2672 3655 2313 87522 5339 5261 9293 3066 7031 0238 3665 1957 4762 5599 77374 75624 56919 65715 94817 8495 2145 65613 0006 0371 3153 9843 09916 0717 47525 02415 5155 6722 6737 865266 5555 19462 59959 3852 0315 8671 7921 7883 6595 09111 3012 2143 3341 1431 0196 0241 22912 0476 51710 73313 22586 36519 54926 60421 83516 3786 0973 39011 5292 6001 5852 6304 1913 25120 4755 98216 89312 6931 9302 7902 945284 7295 61692 63189 3973 6353 4013 1746 3142 3255 3213 94622 7009 6952 0013 4906 7979 4035 6117 8412 55210 89775 04024 21320 03616 12018 9395 5146 10813 4536 1221 2884 1213 13917 0107 52325 13315 2994 8112 7888 1875 78163 14559 8851 8786 0821 8571 8563 5775 42211 2762 2993 2791 1581 0916 0751 36014 0816 74411 48715 09887 73819 74127 08422 11617 5726 5783 71411 5562 4791 6802 5944 4373 26922 27417 54213 6241 5383 1492 864268 6535 06792 07188 8523 6233 2573 2166 5412 3635 3454 08822 9659 3981 9603 4606 6251 0038 4265 3446 9212 3719 98070 81523 42018 83714 51516 2304 5065 44612 5385 6011 2513 9733 10614 9746 64223 12913 5994 2372 6258 000250 7884 82462 90759 7941 8945 8531 8791 8393 7735 67711 3332 2543 2721 0891 1535 8941 16111 1016 0539 37213 85379 51017 81224 40520 02414 5635 1763 28610 8092 3271 3542 2794 0523 19418 3425 14315 17911 0781 3902 7992 979276 5535 20693 55090 1573 3233 1776 4612 3955 5164 23523 4679 3931 9773 6116 7858 5975 5947 4242 53411 20771 55723 30019 34414 84418 3665 2256 02612 7585 5791 2564 1843 22815 8367 08423 39913 9444 2042 6357 958261 6335 06364 28161 0271 8675 9901 9681 9223 9076 12711 4662 2883 3491 1561 1396 0181 23111 3676 2109 94915 61581 32217 84225 66420 07617 2686 1323 67610 9502 3402 3704 3863 41119 7815 88415 36911 3701 4042 7752 937271 4065 33193 20789 9153 4733 1933 1666 3792 4225 5784 30723 5199 2362 0343 5796 8368 3725 4337 2012 47711 39869 62522 36318 91514 23516 5814 6535 5115 5541 2344 1923 2586 86022 91413 5243 8282 6107 740255 1604 96164 65161 4641 7845 9171 8921 9724 0496 53411 5842 3893 3631 1105 8791 27211 1176 0869 63216 21278 83217 03025 07319 39014 5465 1903 30510 8202 3081 2842 3054 3313 39118 9665 47314 80110 8611 1972 7092 861273 4015 26693 77390 3973 3173 1963 1236 4162 3575 5294 49323 5849 2972 0153 6746 9581 0258 3925 3677 4202 43811 61269 63022 02719 41614 08517 2575 1185 64912 6415 4531 1384 1803 23916 0457 02222 76013 5853 6972 6577 559257 4194 93864 72461 4991 7345 9371 8424 2466 72911 5222 4813 3931 0211 1835 8871 16311 0196 1349 69217 30578 47216 66325 35518 72415 3485 4013 53910 8332 3211 2002 3174 5283 55119 6405 70314 81710 9511 1622 8322 744277 5985 43493 87290 4813 2173 1753 0206 5052 5335 5444 76723 4919 1952 0593 5277 0431 0048 8925 6157 7182 51012 37369 72121 84219 69813 95117 5165 1075 80812 9815 4401 3444 5403 55916 8957 32323 13813 8153 5062 8367 797265 5415 48666 89763 4941 8216 1561 9592 1194 40411 7812 4343 4581 0491 1776 0991 25211 2866 0989 96218 69879 82016 46426 13619 21115 7435 7013 48311 0492 2341 1242 3994 6763 60620 7896 30514 86111 0511 0452 8152 768
Number od deaths per Year

D3.js

Total Likes: 0.00

Writeup

I have used following Idyll built-in components-*Used links component. On clicking on my name on the top, you can visist my github profile. ALso, used in text link for the idyll documentation that I used.

*Incorporated svg Image

*Made two tables for two datasets using build in Table component.

*Made two line charts for both the datasets.

*Used Scroller for showing the content sequence on the page.

*Used Action link at the last. On clicking on it, it displays how many likes I got on my page.

*Last, I tried using D3 components for creating chart, but I faced some issues but thought I should keep it here.

*Made changes in the styles.css and histogram-custom-d3-component file.

*Here I am using Markdown to put my writeup in the idyll page itself

About the building dataset and chart

It is the dataset that we have used in our previous assignments. It contains information about the buildings contructed in specific years, have columns such as building type, square footage, country, agency etc. I created simple bar chart using idyll build in functions. The chart shows Total number of Square footage per year constructed. I choose this dataset because it has good number of quantitative and categorical data. By using the chart I wanted to give information about which year the building has highest or lowest total square footage area.

About the Cause of Death dataset and chart

I found this dataset here (hyperlinks) This dataset contain information about the number of death in France becuase of certain reasons, per year. It is very good dataset and a lot of visualization can be done on the basis of the columns such as sex, age and geographical location. I decided to make chart to show number of deaths per year. The chart is bit cluttered here. And that is one of the flaw I found of buit-in components of Idyll. It has very less interactivity and the view is not nice.